page {
    background-color: #4c4c4c;
}

.popupBackground {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 638rpx;
    height: 725rpx;

    border-radius: 10rpx;
    transform: translate(-50%, -50%);

    .title {
        height: 130rpx;
        text-align: center;
        line-height: 142rpx;
        color: #ffffff;
        font-size: 34rpx;
    }

    .bottom {
        margin: 0 40rpx;

        .driver {
            text {
                height: 90rpx;
                line-height: 90rpx;
            }
        }

        .h1,
        .h2 {
            margin-bottom: 33rpx;
        }

        .h1 {
            text {
                &:nth-child(1) {
                    margin-right: 15rpx;
                }
            }

        }

        .h2 {
            display: flex;

            .left {
                flex: 3;

                text {
                    &:nth-child(1) {
                        margin-right: 15rpx;
                    }
                }
            }

            .right {
                flex: 2;

                text {
                    &:nth-child(1) {
                        margin-right: 15rpx;
                    }
                }
            }
        }

        text {
            color: #666666;
            font-size: 28rpx;
        }

        .receipts {
            image {
                width: 558rpx;
                height: 212rpx;
                background: #ccc;
            }
        }
    }

    .img {
        image {
            width: 638rpx;
            height: 725rpx;
            position: absolute;
            float: left;
            z-index: -1;
        }
    }

    .cancel {
        position: absolute;
        width: 57rpx;
        height: 57rpx;
        top: 790rpx;
        left: 50%;
        transform: translateX(-28.5rpx);

        image {
            width: 57rpx;
            height: 57rpx;
        }
    }
}